<!DOCTYPE html>
<html lang="en">
<include file="./Application/Home/View/Layout/head.html"/>
<script src="__PUBLIC__/assets/vue/js/vue.min.js"></script>
<script src="__PUBLIC__/assets/vue/recorder.js?t=2"></script>
<link rel="stylesheet" href="__PUBLIC__/assets/vue/css/iconfont.css?t=1">
<link rel="stylesheet" href="__PUBLIC__/assets/vue/css/index.css">
<style>

</style>
<body>
<block name="header">
    <include file="block/header"/>
</block>

<section>
    <div class="mainwrapper">
        <block name="left">
            <include file="block/left"/>
        </block>
        <div class="mainpanel">
            <div class="contentpanel">
                <!--vue_start-->
                <div id="app">
                    <div style="width:100%;height:100%;">
                        <!-- left -->
                        <div class="left_box">
                            <!-- top -->
                            <div class="t_box">
                                <!--<ul class="clearfix menu_list">
                                    <li v-for="(item,idx) in menu" :key="idx" @click="menuClick(idx)">
                                        <i :class="item.class_name" class="iconfont"></i>
                                        <p>{{item.text}}</p>
                                    </li>
                                </ul>-->
                            </div>
                            <!--middle-->
                            <div class="top_box">
                                <ul class="content_box clearfix">
                                    <li
                                            v-for="(item,idx) in listData"
                                            :key="idx"
                                            :class="listIdx == idx?'listOn':''"
                                            @contextmenu.prevent="onContextmenu(item)"
                                            :style="{width:(iconType>0?10:14.2)+'%'}"
                                    >
                                        <template v-if="iconType>0">
                                            <img :src="`/Public/assets/vue/${item.imgflag}.gif?t=1`" alt="/" class="center-block"/>
                                            <p style="text-align: center">{{showTitle(item)}}</p>
                                            <p style="text-align: center">{{item.chnnel_no}}-{{item.chname}}</p>
                                        </template>
                                        <div v-if="iconType<0" style="display: -webkit-flex;align-items: center;">
                                            <img :src="`/Public/assets/vue/${item.imgflag}.gif?t=1`" alt="/" style="width: 25px;"/>
                                            <p> {{item.chname}}-{{showTitle(item)}}</p>
                                        </div>

                                    </li>
                                </ul>
                            </div>
                            <div id="output"></div>
                            <!-- bottom -->
                            <!--<div class="bottom_box"></div>-->
                            <!-- end -->
                        </div>
                        <!-- right -->
                        <div class="right_box">
                            <p class="r_title">录音磁盘空间</p>
                            <!-- 图表 -->
                            <div id="container"  ></div>
                            <!-- 磁盘数据 -->
                            <div class="r_content">
                                <p>
                                    <span>总共：</span>{{diskSize}}
                                    <span>GB</span>
                                </p>
                                <p>
                                    <span>已用：</span>{{diskUsed}}
                                    <span>GB</span>，
                                    <span>占</span>{{diskUsePercent}}%
                                </p>
                                <p>
                                    <span>剩余：</span>{{diskAvail}}
                                    <span>GB</span>
                                </p>
                                <p>
                                    <span>录音路径：</span>{{fpath}}
                                </p>
                                <p><br><br><br></p>
                                <p><span>最后录音时间：</span>{{lastTime}}</p>
                                <p><span>当天录音录数：</span>{{recordTotal}}</p>
                            </div>
                           <!-- <div class="r_b_sty">

                            </div>-->
                            <!-- end -->
                        </div>
                        <!-- end -->
                    </div>
                </div>
                <!--vue_end-->
            </div><!-- contentpanel -->
        </div><!-- mainpanel -->





    </div><!-- mainwrapper -->




</section>

<script src="__PUBLIC__/assets/bootstrap/js/jquery-1.11.1.min.js"></script>
<!--[if IE 8]>
<script type="text/javascript" src="__PUBLIC__/assets/bootstrap/js/jquery-1.9.1.min.js"></script>
<![endif]-->
<script src="__PUBLIC__/assets/bootstrap/js/bootstrap.min.js"></script>
<script src="__PUBLIC__/assets/bootstrap/js/custom.js"></script>
<script src="__PUBLIC__/assets/vue/js/axios.min.js?t=1"></script>
<script src="__PUBLIC__/assets/vue/js/echarts.simple.min.js"></script>
<script src="__PUBLIC__/assets/vue/js/contextmenu.umd.js"></script>
<script src="__PUBLIC__/assets/vue/js/index.js?t=13121121">


</script>
</body>
</html>
